<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <title>Document</title>
</head>
<body>
<div>
    <div>
        '请您了解，您注册成为百战健康生活用户可使用本软件的功能。在您注册前，您亦然可以浏览本软件中的功能和相关内容。'
    </div>
    <div>
        为了更好的保护您的隐私和权益，我们制定了
        《隐私政策》和《用户协议》，请您仔细阅读。此外我们将通过 《用户协议》和
        <a href="./day01back.html">百战健康生活隐私政策</a
        >《帮助您了解我们收集、使用、存储和共享个人信息的情况。
    </div>
    <div>
        '如您同意该内容，请点击同意并继续使用本软件。我们会不断完善技术和管理，保护您的个人信息如您同意该内容'
        +onclick="btncallArkTS()"
        '，请点击同意并继续使用本软件。我们会不断完善技术和管理，保护您的个人信息如您同意该内容，'
        +
    </div>

    <p id="cotnent" style="margin-top: 50px">调用webjs端函数</p>
    <br/>
    <button id="btn">调用应用端的函数</button>
    <button onclick="callArkTS()" type="button">Click Me!</button>
    <p id="demo"></p>
    <div class="butonme-ok">
        <button id="WebOk">同意</button>
        <button class="WebCancelFun" id="WebCancel">拒绝</button>
    </div>
</div>
</body>

<script>
    function htmlTest(msg) {
       console.log("SetContentNums-调用web页中的JS函数 htmlTest",);
      document.getElementById('cotnent').innerHTML = msg.toUpperCase();
      return 'Web中的JS返回给应用端的数据';
    }

    document.getElementById('btn').addEventListener('click', function () {
      //Web端调用应用端的函数
      //testObjName.fn1(10);
      const result = testObjName.fn1(20);
      alert('click', result);
        console.log("Web端调用应用端的函数 btn",);

      document.getElementById('cotnent').innerHTML = result;
    });

    function btncallArkTS() {
      // testObjName.fn1(10);
      const result = testObjName.fn1(20);
      alert('click', result);
      document.getElementById('cotnent').innerHTML = result;
    }

    function callArkTS() {
      let str = testObjName.test();
      document.getElementById('demo').innerHTML = str;
      console.info('ArkTS Hello World!987 :' + str);
    }

    // 函数用于处理跳转
    function navigateToPage() {
      window.location.href = './day01back.html'; // 替换为你想跳转的页面
    }

    // 添加事件监听，确保DOM加载完成后绑定事件
    document.addEventListener('DOMContentLoaded', function () {
      const omElement = document.querySelector('.om');
      omElement.addEventListener('click', navigateToPage);
    });
</script>

<style>
    * {
      margin: 0;
      padding: 0;
    }
    div {
      font-size: 14px;
      line-height: 16px;
    }
    .omwebs {
      width: 200px;
      height: 40px;
      border: 1px solid red;
    }

    .butonme-ok {
      display: flex;
    }

    .butonme-ok {
      width: 200px;
      height: 40px;
      text-align: center;
      display: flex;
      justify-content: space-between;
    }

    .butonme-ok button {
      flex: 1;
    }

    .WebCancelFun {
      color: red;
      margin-left: 40px;
    }
</style>
</html>
